<template>
  <div class="box">
    <ul>
      <li><router-link to="/Shequ" active-class="active">关注</router-link></li>
      <!-- <li>关注</li> -->
      <!-- <li>广场</li> -->
      <li><router-link to="/Guangchang" active-class="active">广场</router-link></li>
      <!-- <li>街舞圈</li> -->
      <li><router-link to="/Jiewu" active-class="active">街舞圈</router-link></li>
      <li><router-link to="/Choujiang" active-class="active">限时抽奖</router-link></li>
      <!-- <li>限时抽奖</li> -->
      <!-- <li><span class="iconfont public-lingdang"></span></li> -->
      <li>
        <router-link to="/News"
          ><span class="iconfont public-lingdang"></span
        ></router-link>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  name: "Mynav",
};
</script>



<style scoped>
@import url("../../../assets/iconfont/iconfont.css");
.box {
  width: 100%;
  height: 0.5rem;
}
.box ul {
  width: 100%;
  height: 0.5rem;
  display: flex;
  justify-content: space-between;
  list-style: none;
  position: fixed;
  top: 0;
  background-color: white;
}
.box ul li {
  width: 20%;
  height: 0.5rem;
  text-align: center;
  line-height: 0.5rem;
}
.box ul li {
  font-size: 0.18rem;
}
.box ul li .public-lingdang {
  font-size: 0.26rem;
}
.active{
  font-size: .2rem;
}
</style>
